.imageButton {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-top: 10px;
}
.deleteButton {
    display: block;
    position: absolute;
    right: -.6rem;
    top: -.6rem;
    width: 1.2rem;
    height: 1.2rem;
    font-size: .7rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    color: #fff;
    background: rgb(217, 57, 57);
    cursor: pointer;
}

.imageSizeRequirement {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    h4 {
        margin-bottom: 0.4rem;
    }
    p {
        padding: 0.4rem 0;
        margin: 0;
        font-size: 0.8rem;
    }
}
.visisteDateTime {
    display: flex;
    .visisteDateTimeSelect {
        flex: 0 0 200px;
    }
    .visisteDateTimeInput {
        flex: 0 0 200px;
        padding-left: 0.5rem;
        display:flex;
        .visisteDateTimeField {
            flex: 0 0 50%;
        }
        .visisteDateTimeField:nth-child(1) {
            padding-right: 5px;
        }
        .visisteDateTimeField:nth-child(2) {
            padding-left: 5px;
        }
    }
}

.visisteDateTimePeriod {
    display: flex;
    width: 50%;
    margin-top: 10px;
    >label {
        flex: 0 0 40px;
        line-height:28px;
        vertical-align: middle;
    }
    >section {
        flex: 0 0 auto;
        display: flex;
        .visisteDateTimeField {
            width: 100%;
            display: flex;
            div[class*="ant-select"] {
                width: 80px !important;
            }
        }
        .visisteDateTimeField:nth-child(1) {
            padding-right: 5px;
        }
        .visisteDateTimeField:nth-child(2) {
            padding-left: 5px;
        }
    }
}